.G-comment{
	.title{
	    padding:0 20rpx;
	    height:100rpx;
	    background:#fff;
	    font-weight:bold;
	    font-size:32rpx;
	    color:#333;
	    display: flex;
	    align-items:center;
	    justify-content: space-between;
	    border-bottom:1rpx solid #f1f1f1;
	    view{
	        font-size:24rpx;
	        color:#878787;
	        font-weight:400;
	        image{
	            width:12rpx;
	            height:22rpx;
	            margin:0 0 0 5rpx;
	        }
	    }
	}
	.ul{
	    background:#fff;
	    .li{
	        padding:20rpx;
	        .top{
	            display:flex;
	            align-items:center;
	            height:80rpx;
	            image{
	                width:60rpx;
	                height:60rpx;
	                border-radius:50%;
	                overflow: hidden;
	                margin-right:10rpx;
	            }
	            .name{
	                font-size:28rpx;
	                color:#333;
	                width:70%;
	                white-space:nowrap;
	                overflow:hidden;
	                text-overflow: ellipsis;
	            }
	        }
	        .time{
	            font-size:22rpx;
	            color:#878787;
	            line-height:30rpx;
	            padding-bottom:10rpx;
	        }
	        .words{
	            font-size:28rpx;
	            color:#333;
	            line-height:40rpx;
	            // padding-bottom:20rpx;
	        }
	        .imgList{
	            overflow: hidden;
				padding-top:20rpx;
				.imgLi{
					overflow: hidden;
					float:left;
					width:32%;
					height:calc(((100vw - 40rpx) * 0.96) / 3);
					margin-left:2%;
					image{
					    min-width:100%;
						min-height:100%;
					}
				}
	            .imgLi:first-of-type{
	                margin-left:0;
	            }
	        }
	    }
	}
	.blank{
	    line-height:100rpx;
	    font-size:22rpx;
	    color:#878787;
	    text-align: center;
	}
	&.type-1{
	    background:#f1f1f1;
        min-height:100vh;
	}
}